<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>简历</title>
    <style>
        body {
            font-family: "Microsoft Yahei", Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f4f4f4;
        }

        .container {
            width: 900px;
            margin: 0 auto;
            background-color: #fff;
            padding: 30px;
            border-radius: 8px;
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
        }

        h1 {
            font-size: 28px;
            margin-bottom: 10px;
            display: inline-block;
        }

        .header {
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            position: relative;
        }

        .header h1 {
            margin-right: 20px;
        }

        .header .avatar {
            position: absolute;
            right: 25px;
            top: 28px;
            width: 80px;
            height: 80px;
            background-color: #ddd;
            border-radius: 50%;
            margin-right: 20px;
            flex-shrink: 0;
        }

        .personal-info {
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 15px;
            flex-direction: column;
            color: #666;
        }

        .info p {
            margin: 5px 0;
            font-size: 16px;
        }

        .section {
            margin-top: 30px;
        }

        .section h2 {
            font-size: 20px;
            color: #009fd9;
            margin-bottom: 10px;
            border-bottom: 2px solid #009fd9;
            padding-bottom: 5px;
        }

        .section-content p {
            font-size: 16px;
            margin-bottom: -10px;
            position: relative;
        }

        .work-experience, .education, .skills {
            margin-bottom: 20px;
        }

        .job-date {
            display: inline-block;
            text-align: right;
            position: absolute;
            right: 0;
        }

        .gpa {
            font-weight: bold;
            color: #666;
        }

        .section .section-content
        .job-detail {
            margin-bottom: 10px;
            padding-left: 16px;
        }

        .skills p {
            margin-bottom: -11px;
        }

        .salary-info {
            font-size: 15px;
            color: #666;
            margin-bottom: -12px;
        }
        .qz-info {
            margin-bottom: -12px;
        }
        i {
            font-style: normal;
            color: #666;
        }
        span {
            color: #666;
        }
        ul li {
            color: #666;
            font-size: 14px;
            padding-bottom: 6px;
        }
        strong {
            color: rgb(53, 53, 53);
        }
    </style>
</head>
<body>
<!-- 总体容器 -->
<div class="container">
<!--    头部内容-->
    <div class="header">
<!--        简介-->
        <div>
            <h1>XX简历</h1>
            <p class="salary-info">
                求职意向：行政专员&nbsp;&nbsp;|&nbsp;&nbsp;
                期望薪资：15000/月&nbsp;&nbsp;|&nbsp;&nbsp;一个月内到岗
            </p>
            <div class="personal-info">
                <p class="qz-info">33岁&nbsp;&nbsp;|&nbsp;&nbsp;
                    男&nbsp;&nbsp;|&nbsp;&nbsp;
                    城市：上海&nbsp;&nbsp;|&nbsp;&nbsp;
                    4年经验</p>
                <p>15688888887&nbsp;&nbsp;|&nbsp;&nbsp;
                    xxxx@qq.com</p>
            </div>
        </div>
<!--        头像-->
        <div class="avatar">
            <img src="man.png">
        </div>
    </div>
<!--  教育背景内容-->
    <div class="section education">
        <h2>教育背景</h2>
<!--        教育背景具体内容-->
        <div class="section-content">
<!--            学校介绍-->
            <p><strong>XXXX师范大学 - 工商管理 - 本科</strong><span class="job-date">2012-09 ~ 2016-07</span></p>
            <p class="edu-detail"><strong>专业成绩：</strong> <span class="gpa">GPA 3.66/4（专业前5%）</span> </p>
            <p>
                <strong>主修课程：</strong>
                <i>基础会计学、统计学、经济法概论、财务会计学、管理学原理、组织行为学、市场营销学、
                    国际贸易实务、人力资源开发与管理、财务管理、企业经营战略概论、质量管理学、西方经济学等。</i></p>
        </div>
    </div>
<!--  工作内容部分-->
    <div class="section work-experience">
        <h2>工作经验</h2>
<!--        工作经验介绍-->
        <div class="section-content">
<!--            第一个公司介绍-->
            <div class="job">
                <p><strong>XXXX简历科技有限公司 - 行政专员</strong><span class="job-date">2018-09 ~ 至今</span></p>
                <ul class="job-detail">
                    <li>负责本部的行政事务管理及日常事务，协助总监处理客户部门之间的综合协调，落实公司规章制度，
                        沟通内外联系，保证上下情下达和下情上达；负责文档文件的存档整理；查办和落实，负责公司组织系统设计和修订。</li>
                    <li>编制公司人事管理制度，规避各项人事风险。</li>
                </ul>
            </div>
<!--            第二个公司介绍-->
            <div class="job">
                <p><strong>XXXX网络科技有限公司 - 行政专员</strong><span class="job-date">2016-09 ~ 2018-08</span></p>
                <ul class="job-detail">
                    <li>负责简历中心的财务管理、资产管理；</li>
                    <li>负责公司总部的来访客户接待工作，负责引导和介绍公司的分布情况；</li>
                    <li>负责中心的行政事务，公司班车管理、负责建立员工归属感及前台管理；</li>
                    <li>负责招聘工作，确保人才梯队发展和人才储备及培养。</li>
                    <li>督导公司各项行政、人事制度，员工福利、生日以及公司各种宴会活动的执行。</li>
                    <li>负责招聘工作，制定公司的人力资源发展计划，确保人才梯队发展和人才储备及培养。</li>
                </ul>
            </div>
        </div>
    </div>
<!--  技能特长-->
    <div class="section skills">
        <h2>技能特长</h2>
<!--        技能特长内容-->
        <div class="section-content">
            <p><strong>语言能力：</strong><i>语言能力：大学英语6级证书，荣获全国大学生英语竞赛一等奖，能够熟练进行书面交流、读写。</i></p>
            <p><strong>计算机：</strong><i>计算机二级证书，熟练操作Windows平台的各类应用软件，如Word、Excel、PowerPoint等办公软件。</i></p>
            <p><strong>团队协作：</strong><i>具有丰富的团队组织与管理经验，带领团队完成高效项目。</i></p>
        </div>
    </div>
</div>

</body>
</html>
